<template>
    <ul class="mainmenu">
        <li class="with-megamenu has-menu-child-item" >
            <router-link to="/" class="active">首页</router-link>
        </li>
        <li ><router-link to="/product" class="active">产品中心</router-link></li>
        <li><router-link to="/helper" class="active">解决方案</router-link></li>
        <!-- <li><router-link to="/newscontion" class="active">新闻中心</router-link></li> -->
        <li><router-link to="/helpcenter" class="active">帮助中心</router-link></li>
        <li><router-link to="/about" class="active">关于我们</router-link></li>

        <!-- <li class="has-droupdown has-menu-child-item">
            <a href="#" style="color: #fff;">
                产品中心
                
                <Icon name="plus" class="collapse-icon plus"/>
                <Icon name="minus" class="collapse-icon minus"/>
            </a>
            <ul class="submenu">
                <li><router-link to="/service">短信消息</router-link></li>
                <li><router-link to="/consulting">语音消息</router-link></li>
                <li><router-link to="/product">产品中心</router-link></li>
                
                
                <li><router-link to="/newsdetail">新闻详情</router-link></li>
                
                <li><router-link to="/helpcenter">帮助中心</router-link></li>
                <li><router-link to="/productdetails">产品详情</router-link></li>
                <li><router-link to="/zmLogin">账号密码登录</router-link></li>
                <li><router-link to="/smsLogin">验证码登录</router-link></li>
                <li><router-link to="/register">注册</router-link></li>

            </ul>
        </li> -->

        <!-- <li><router-link to="/contact" style="color: #fff;">联系我们</router-link></li> -->
    </ul>
</template>

<script>
import Icon from "../../icon/Icon";
export default {
    name: 'Nav',
    components: { Icon },
    data() {
        return {
            isActive: false,
            selectedGender:''
        }
    },
    methods: {
        selectGender(gender) {
            console.log(gender);
			          this.selectedGender = gender;
			        }
    }
}
</script>
<style scoped>
ul li:hover {
    /* background-image:url('../../../assets/images/banner/homebottom.png'); */
    /* background-size:6% 60px; */
    /* background-position: bottom; */
    /* background-color: #009688; */
}

.active {
    color: #fff !important;
}

.active:not(.selected) {
    color: #fff !important;

}

/* 选中状态 */
.active.selected {
    color: #007bff !important;
}
</style>
